import Button from "@ui/RJMart/button";
import Pagination from "@ui/RJMart/pagination";
import "./style.scss";

class Announcement extends React.Component {
    render() {
        return (
            <div className="rj_l-content">
                <div>
                    <Button
                        onClick={() => {
                            window.location.href = "https://www.baidu.com/";
                        }}
                    >
                        新增公告
                    </Button>
                </div>
                <div className="h-table-table-body-container">
                    <table className="h-table-root">
                        <thead className="h-table-table-head">
                            <tr className="h-table-row">
                                <th className="">公告标题</th>
                                <th colSpan="2">公告内容</th>
                                <th>公告位置</th>
                                <th colSpan="2">有效时间</th>
                                <th>是否可用</th>
                                <th>操作</th>
                            </tr>
                        </thead>

                        <tbody className="h-table-table-body">
                            <tr className="h-table-row h-table-odd">
                                <td>春节通知</td>
                                <td colSpan="2">春节快乐</td>
                                <td>店铺首页</td>
                                <td colSpan="2">2018-10-11</td>
                                <td>是</td>
                                <td>
                                    <span>编辑</span>
                                    <span>删除</span>
                                </td>
                            </tr>
                            <tr className="h-table-row h-table-even">
                                <td>春节通知</td>
                                <td colSpan="2">春节快乐</td>
                                <td>商品详情</td>
                                <td colSpan="2">2018-10-12</td>
                                <td>否</td>
                                <td>
                                    <span>编辑</span>
                                    <span>删除</span>
                                </td>
                            </tr>
                            <tr className="h-table-row h-table-odd">
                                <td>五一通知</td>
                                <td colSpan="2">五一快乐</td>
                                <td>商品详情页</td>
                                <td colSpan="2">2018-10-13</td>
                                <td>否</td>
                                <td>
                                    <span>编辑</span>
                                    <span>删除</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <div className="rj_page-wp">
                    <Pagination total={500} />
                </div>
            </div>
        );
    }
}

// export default Announcement;
ReactDOM.render(<Announcement />, document.getElementById("reactRoot"));
